<!-- Parent.vue 父组件 -->
<template>
	<view class="parent">
		<text>我是父组件</text>

		<!-- 使用子组件 -->
		<!-- @greet 监听子组件发出的 greet 事件 -->
		<!-- handleGreet 是父组件的方法，用来处理这个事件 -->
		<Child @greet="handleGreet" />

		<!-- 显示子组件传来的消息 -->
		<text>孩子说：{{ messageFromChild }}</text>
	</view>
</template>

<script>
	import Child from './Child.vue'

	export default {
		components: {
			Child
		},
		data() {
			return {
				messageFromChild: '' // 用来显示子组件传来的数据
			}
		},
		methods: {
			// 这个方法会在子组件 $emit('greet') 时被调用
			handleGreet(msg) {
				console.log('收到孩子的消息：', msg) // 输出：我好着呢！
				this.messageFromChild = msg // 把孩子的话显示出来
			}
		}
	}
</script>